<script setup lang="ts">
import hospitalNav from "@/components/hospital_nav/nav.vue"
import useHospitalInfoStore from "@/store/hospital_info";
import {useRoute} from "vue-router";

const route = useRoute();

const infoStore = useHospitalInfoStore();
infoStore.getHospitalDepartmentData(route.query.hoscode)
</script>

<template>
  <div class="info">
    <div class="left">
      <div class="top">
        <span>
          <svg t="1712731604211" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4296"
               width="16" height="16"><path
              d="M896 15.36h-768C66.56 15.36 20.48 66.56 20.48 128v773.12c0 61.44 51.2 112.64 107.52 112.64h768c61.44 0 107.52-51.2 107.52-112.64V128c0-61.44-51.2-112.64-107.52-112.64z m-56.32 609.28h-220.16v220.16H399.36v-220.16H179.2V404.48h220.16V184.32h220.16v220.16h220.16v220.16z"
              fill="#BFBFBF" p-id="4297"></path></svg>
        </span>
        <span class="topic">
          / 医院信息
        </span>
      </div>
      <!--        菜单-->
      <hospital-nav/>
    </div>
    <div class="right">
      <router-view></router-view>
    </div>
  </div>
</template>

<style scoped lang="less">
.info {
  margin-bottom: 50px;
  display: flex;

  .top {
    margin-left: 24px;
    display: flex;
    align-items: center;

    .topic {
      margin-left: 10px;
    }
  }

  .left {
    flex: 2;
  }

  .right {
    flex: 8;
    padding-left: 60px;
  }


}
</style>
